﻿<%@ Page Title="" Language="C#" MasterPageFile="~/BlankMasterPage.master" AutoEventWireup="true"
    CodeFile="AjKaAkhbar.aspx.cs" Inherits="_AjKaAkhbar" EnableViewState="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:PlaceHolder runat="server" ID="NoNewsMessage" Visible="false">
        <div style="text-align: left;">
            <h3>
                Page not found</h3>
            <br />
            <div class="clearfix">
                The page that you have requested was not found or has been removed. Please <a href="javascript:history.go(-1);">
                    go back</a> and try the operation again.
            </div>
        </div>
    </asp:PlaceHolder>
    <div class="news">
        <asp:Repeater runat="server" ID="NewsRepeater1">
            <HeaderTemplate>
                <ul class="news-ticker newsticker">
            </HeaderTemplate>
            <ItemTemplate>
                <li>
                    <img class="magnifiable" id="news_image" alt='<%#Eval("Description") %>' title='<%#Eval("Description") %>'
                        src='<%#Eval("FileName") %>' /></li></ItemTemplate>
            <FooterTemplate>
                </ul>
            </FooterTemplate>
        </asp:Repeater>
    </div>
    <br style="clear: both;" />
    <center>
        <asp:Repeater runat="server" ID="NewsRepeater">
            <ItemTemplate>
                <div>
                    <%#Eval("Scripts")%>
                </div>
            </ItemTemplate>
        </asp:Repeater>
        <br style="clear: both;" />
        <asp:HyperLink runat="server" ID="PrevPageHyperLink" ToolTip="Previous page" ImageUrl="/images/back.gif"></asp:HyperLink>
        <asp:HyperLink runat="server" ID="NextPageHyperlink" ToolTip="Next page" ImageUrl="/images/next.gif"></asp:HyperLink>
        <br style="clear: both;" />
        <div style="padding: 4px 10px">
            <!-- AddThis Button BEGIN -->
            <asp:PlaceHolder runat="server" ID="AajKaAkhbarSharingLinksPlaceHolder">
                <div class="addthis_toolbox addthis_default_style" style="display: inline-block;
                    min-width: 300px;">
                    <a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2">
                    </a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4">
                    </a><a class="addthis_button_preferred_5"></a><a class="addthis_button_preferred_6">
                    </a><a class="addthis_button_preferred_7"></a><a class="addthis_button_preferred_8">
                    </a><a class="addthis_button_preferred_9"></a><a class="addthis_button_preferred_10">
                    </a>
                    <asp:Literal ID="addthis2_literal" runat="server" Text="<a class='addthis_button_compact' addthis:ui_delay='500'></a>"></asp:Literal>
                    <a class="addthis_counter addthis_bubble_style"></a>
                </div>
                <img id="print" alt="Print" title="Print" style="cursor: pointer" src="/images/print.gif" />
                &nbsp;&nbsp;
                <img id="EmailtoFriend" data-controls-modal="email-to-friend-modal" data-backdrop="static"
                    src="/images/email.gif" alt="Email to Friend" title="Email to Friend" style="cursor: pointer" />
                <a href="#" data-controls-modal="comment-modal" data-backdrop="static">
                    <img src="/images/2.jpg" alt="Comments" /></a> </asp:PlaceHolder>
            <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f0b492002b7c843"></script>
            <!-- AddThis Button END -->
        </div>
    </center>
    <div id="email-to-friend-modal" class="modal hide fade" style="display: none;">
        <div class="modal-header">
            <a href="#" class="close">×</a>
            <h3>
                Email to Friend</h3>
        </div>
        <div class="modal-body">
            <iframe id="modalIFrame" width="530px" height="420px" marginwidth="0" marginheight="0"
                frameborder="0" title="Dialog Title"></iframe>
        </div>
    </div>
    <div id="comment-modal" class="modal hide fade" style="display: none;">
        <div class="modal-header">
            <a href="#" class="close">×</a>
            <h3>
                Comments</h3>
        </div>
        <div class="modal-body">
            <iframe id="comments_frame" width="530px" height="350px" marginwidth="0" marginheight="0"
                frameborder="0" title="Dialog Title"></iframe>
        </div>
    </div>
    <script type="text/javascript">

        $(window).load(function () {
            // weave your magic here.
            $(".news-ticker").liScroll({ travelocity: 0.05 });
        });

    </script>
</asp:Content>
